*{
    padding:0px;
    margin:0px;
}

.OrdersOne{
    width:100%;
    height:100vh;
}


.O_topOne{
    width:100%;
    padding:10px;
    box-sizing: border-box;
    .O_topOne_top{
        width:100%;
        height:40px;
        line-height: 40px;
        color:rgba(0,0,0,0.6);
    }
    .O_topOne_bottom{
        width:100%;
        height:80px;
        display: flex;
        justify-content: space-around;
        align-items: center;
        .O_topOne_bottom_item{
            font-size:16px;
            text-align: center;
            line-height: 60px;
            width:100px;
            height:60px;
            border:1px solid rgba(0,0,0,0.1);
            background: #FBFBFB;
            border-radius: 5px;
        }
    }
}


.O_topTwo{
    width:100%;
    padding:10px;
    box-sizing: border-box;
    .O_topTwo_top{
        width:100%;
        height:40px;
        line-height: 40px;
        color:rgba(0,0,0,0.6);
    }
    .O_topTwo_bottom{
        width:100%;
        height:80px;
        display: flex;
        justify-content: space-around;
        align-items: center;
        .O_topTwo_bottom_item{
            width:100px;
            height:60px;
            border:1px solid rgba(0,0,0,0.1);
            background: #FBFBFB;
            border-radius: 5px;
        }
    }
}




.O_topThree{
    width:100%;
    padding:10px;
    box-sizing: border-box;
    .O_topThree_top{
        width:100%;
        height:40px;
        line-height: 40px;
        color:rgba(0,0,0,0.6);
    }
    .O_topThree_bottom{
        width:100%;
        span{
            font-size:14px;
            color:rgba(0,0,0,0.3);
            margin-left:20px;
        }
    }
}


.O_topFour{
    width:100%;
    padding:10px;
    box-sizing: border-box;
    .O_topFour_top{
        width:100%;
        height:40px;
        line-height: 40px;
        color:rgba(0,0,0,0.6);
    }
    .O_topFour_bottom{
        width:100%;
        height:60px;
        display: flex;
        align-items: center;
        
        .O_topFour_bottom_item{
            margin-right:15px;
            width:80px;
            height:40px;
            border:1px solid rgba(0,0,0,0.1);
            background: #FBFBFB;
            border-radius: 5px;
            text-align: center;
            line-height: 40px;
            font-size:14px;
            color:rgba(0,0,0,0.7);
        }
    }
}


.O_bottom{
    width:100%;
    height:60px;
    border-top:1px solid rgba(0,0,0,0.3);
    position:fixed;
    left:0;
    bottom:0;
    display: flex;
    align-items: center;
    padding:10px;
    box-sizing: border-box;
    .O_bottom_left{
        width:50%;
    }
    .O_bottom_right{
        width:50%;
    }
}



/* 动态样式 */
.active {
    border:1px solid #FE6364;
    background-color:#FFF0F0;
    box-sizing: border-box;
    width:100px;
    height:60px;
    /* border:1px solid rgba(0,0,0,0.1);
    background: #FBFBFB; */
    border-radius: 5px;
    font-size:16px;
            text-align: center;
            line-height: 60px;
            color:orangered;
}

.active2{
    border:1px solid #FE6364;
    background-color:#FFF0F0;
    box-sizing: border-box;
    /* border:1px solid rgba(0,0,0,0.1);
    background: #FBFBFB; */
    border-radius: 5px;
    margin-right:15px;
    width:80px;
    height:40px;
    border-radius: 5px;
    text-align: center;
    line-height: 40px;
    font-size:14px;
    color:rgba(0,0,0,0.7);
}